<template>
  <div class="app-container">

    <!-- 搜索 -->
    <page-search
        ref="searchRef"
        :search-config="searchConfig"
        @query-click="handleQueryClick"
        @reset-click="handleResetClick"
    />

    <!-- 列表 -->
    <page-content
        ref="contentRef"
        :content-config="contentConfig"
        @search-click="handleSearchClick"
    >

    </page-content>

  </div>
</template>

<script setup lang="ts">

import type {IObject, IOperatData} from "@/hooks/usePage";
import usePage from "@/hooks/usePage";
import contentConfig from "./config/content";
import searchConfig from "./config/search";

const {
  searchRef,
  contentRef,
  handleQueryClick,
  handleResetClick,
  handleSearchClick,
  handleRefreshClick,
} = usePage();
defineOptions({
  name: 'log:page'
})
</script>
